import './style/index.css'
import base from './style/base.scss'
import huahua from './assets/cat.png'
import createImg from './createImg'

var img = new Image()
img.src = huahua
img.classList.add(base.cat)
var dom = document.getElementById('root')
dom.append(img)
dom.append('heool')

createImg()


function setRem () {
  // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
  const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth
  // 得到html的Dom元素
  const htmlDom = document.getElementsByTagName('html')[0]
  // 设置根元素字体大小
  htmlDom.style.fontSize = (htmlWidth / 22) + 'px'
}
// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.onresize = function () {
  console.log(222)
  setRem()
}